<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateAdministrador.xhtml">
	<ui:define name="content">
		<h3 align="center" style="color: #FF9900">Editar Instituciones</h3>
		<br />
		<h:outputText
			value="Para editar una institucion podras buscarla por municipio, por zona, o por su nombre" />
		<br />
		<br />
		<a4j:form>
			<h:panelGrid columns="3">

				<h:outputText value="Municipio" />
				<h:outputText value="Zona" />
				<h:outputText value="Institucion" />

				<rich:comboBox directInputSuggestions="true"
					suggestionValues="#{institucionBean.listaMunicipios}"
					defaultLabel="Todos" value="#{institucionBean.municipioSel}"
					immediate="true" enableManualInput="false">

					<a4j:support event="onchange" reRender="nombreCombo"
						action="#{institucionBean.obtenerInMuni}"></a4j:support>

				</rich:comboBox>

				<rich:comboBox id="zonaCombo" directInputSuggestions="true"
					suggestionValues="#{institucionBean.listaZonas}"
					defaultLabel="Todos" value="#{institucionBean.zonaSel}"
					immediate="true" enableManualInput="false">

					<a4j:support event="onchange" reRender="nombreCombo"
						action="#{institucionBean.obtenerInMuni}"></a4j:support>

				</rich:comboBox>

				<rich:comboBox id="nombreCombo" directInputSuggestions="true"
					suggestionValues="#{institucionBean.listaNombres}"
					defaultLabel="Todas" value="#{institucionBean.institucionSel}"
					enableManualInput="false">
				</rich:comboBox>

				<a4j:commandButton value="Buscar"
					action="#{institucionBean.buscarInstitucion}" reRender="tabla"
					style="width: 70px; height: 20px; font-size: 12px; align: center"></a4j:commandButton>
			</h:panelGrid>
		</a4j:form>
		<br />


		<rich:modalPanel id="editPanel" autosized="true" width="450"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Editar la Institucion Actual" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="editPanel" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="3">

							<h:outputText value="Identificacion" />
							<h:outputText
								value="#{institucionBean.institucionSeleccionada.identificacion}"
								id="id" />
							<rich:message for="id" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Rector" />
							<h:inputText
								value="#{institucionBean.institucionSeleccionada.rector}"
								required="true" requiredMessage="Dato requerido" id="rector">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="rector" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Municipio" />
							<rich:comboBox directInputSuggestions="true"
								suggestionValues="#{institucionBean.listaMunicipios}"
								defaultLabel="#{institucionBean.institucionSeleccionada.municipio.nombre}"
								value="#{institucionBean.nombreMunicipio}"
								enableManualInput="false" required="true"
								requiredMessage="Dato requerido" id="muni">
								<rich:ajaxValidator event="onblur" />
							</rich:comboBox>
							<rich:message for="muni" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Zona" />
							<rich:comboBox directInputSuggestions="true"
								suggestionValues="#{institucionBean.listaZonas}"
								defaultLabel="#{institucionBean.institucionSeleccionada.zona.nombre}"
								value="#{institucionBean.zonaSel}" enableManualInput="false"
								required="true" requiredMessage="Dato requerido" id="zona">
								<rich:ajaxValidator event="onblur" />
							</rich:comboBox>
							<rich:message for="zona" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

						</h:panelGrid>
					</a4j:outputPanel>
					<a4j:commandButton value="Guardar"
						action="#{institucionBean.editarInstitucion}"
						reRender="rector, municipio, tabla"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('editPanel')}.hide();#{rich:component('wait1')}.show();"
						style="width: 70px; height: 20px; font-size: 12px; align: center" />
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>


		<rich:modalPanel id="deletePanel" autosized="true" width="200"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Delete this car from list?"
					style="padding-right:15px;" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/modal/close.png"
						styleClass="hidelink" id="hidelink2" />
					<rich:componentControl for="deletePanel" attachTo="hidelink2"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<table width="100%">
					<tbody>
						<tr>
							<td align="center" width="50%"><a4j:commandButton
									value="Yes" ajaxSingle="true"
									action="#{dataTableScrollerBean.delete}"
									oncomplete="#{rich:component('deletePanel')}.hide();"
									reRender="table" />
							</td>
							<td align="center" width="50%"><a4j:commandButton
									value="Cancel"
									onclick="#{rich:component('deletePanel')}.hide();return false;" />
							</td>
						</tr>
					</tbody>
				</table>
			</h:form>
		</rich:modalPanel>


		<a4j:status onstart="#{rich:component('wait')}.show()"
			onstop="#{rich:component('wait')}.hide()" />
		<rich:modalPanel id="wait" autosized="true" width="200" height="120"
			moveable="false" resizeable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Procesando" />
			</f:facet>
			<h:outputText value="Espere un momento..." />
		</rich:modalPanel>
		<rich:messages></rich:messages>




		<h:form>
			<a4j:region>
				<rich:dataTable value="#{institucionBean.instituciones}" id="tabla"
					var="myDataItem" binding="#{institucionBean.myDataTable}"
					align="center">
					<f:facet name="header">
						<h:outputText value="Instituciones" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{myDataItem.nombre}" id="nombre" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Rector" />
						</f:facet>
						<h:outputText value="#{myDataItem.rector}" id="rector" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Municipio" />
						</f:facet>
						<h:outputText value="#{myDataItem.municipio.nombre}"
							id="municipio" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Zona" />
						</f:facet>
						<h:outputText value="#{myDataItem.zona.nombre}" id="zona" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Acciones" />
						</f:facet>
						<a4j:commandLink action="#{institucionBean.editMyData}"
							id="editarLink"
							oncomplete="#{rich:component('editPanel')}.show()">
						Editar<h:graphicImage value="/images/icons/edit.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink" value="Editar" />

						<a4j:commandLink action="#{pruebasBean.editMyData}"
							id="eliminarLink"
							oncomplete="#{rich:component('deletePanel')}.show()">
						Eliminar<h:graphicImage value="/images/icons/delete.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="eliminarLink" value="Eliminar" />
					</rich:column>
					<f:facet name="footer">
						<h:outputText style="align:center;" id="footer">
							<a4j:commandLink id="next"
								action="#{institucionBean.paginaSiguiente}"
								reRender="tabla,footer">
								<h:graphicImage value="/images/icons/next.jpg" />
							</a4j:commandLink> Pagina: #{institucionBean.paginaActual} de #{institucionBean.totalPaginas} <a4j:commandLink
								id="prev" action="#{institucionBean.paginaAnterior}"
								reRender="tabla,footer">
								<h:graphicImage value="/images/icons/prev.jpg" />
							</a4j:commandLink>
						</h:outputText>
					</f:facet>
				</rich:dataTable>
			</a4j:region>
		</h:form>

		<rich:modalPanel id="wait1" autosized="true" width="300" height="120"
			moveable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Informacion" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinkW"
						styleClass="hidelink" />
					<rich:componentControl for="wait1" attachTo="hidelinkW"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{institucionBean.intitucionEditada}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/ok.jpg" />
								<h:outputText value="Institucion editada corectamente"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{!institucionBean.intitucionEditada}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/err.jpg" />
								<h:outputText
									value="Error editando la institucion (puede que haya un error en los datos)"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:commandButton value="Aceptar"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait1')}.hide();"
						reRender="tabla"
						style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="gestionarInstituciones.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>